<template>
  <div id="footer">
    <el-row>
      <el-col :span="3">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="18">
        <div class="inner">
          <div class="inner-top">
            <table class="func">
              <tr>
                <th>网站功能</th>
                <th></th>
                <th></th>
                <th>企业版功能</th>
              </tr>
              <tr>
                <td>职位搜索筛选</td>
                <td>私信交流</td>
                <td>会员服务</td>
                <td>企业用户认证</td>
                <td>接收简历管理</td>
                <td>线上宣讲管理</td>
              </tr>
              <tr>
                <td>企业搜索筛选</td>
                <td>在线简历</td>
                <td>简历模板</td>
                <td>企业用户信息管理</td>
                <td>应聘流程管理</td>
              </tr>
              <tr>
                <td>浏览记录管理</td>
                <td>职位投递</td>
                <td>资讯公告</td>
                <td>企业信息管理</td>
                <td>线上面试管理</td>
              </tr>
              <tr>
                <td>企业宣讲观看</td>
                <td>职位收藏</td>
                <td></td>
                <td>企业会员服务</td>
                <td>信息通知管理</td>
              </tr>
              <tr>
                <td>用户信息管理</td>
                <td>社区交流</td>
                <td></td>
                <td>企业职位管理</td>
                <td>邀请投递</td>
              </tr>
            </table>
            <table class="func2">
              <tr>
                <th>千城百行招聘网</th>
              </tr>
              <tr>
                <td>设计者：唐朝阳</td>
              </tr>
              <tr>
                <td>联系电话：15890224756</td>
              </tr>
              <tr>
                <td>电子邮箱：15890224756@163.com</td>
              </tr>
              <tr>
                <td>学校：辽宁工程技术大学</td>
              </tr>
              <tr>
                <td>联系地址：辽宁工程技术大学葫芦岛校区</td>
              </tr>
            </table>
          </div>
          <div class="inner-bottom">
            <p>
              <span>Copyright © 2022 千城百行招聘网</span><span>京ICP证XXXXX号</span><span>京网文[2022]XXXXX 号</span>
              <span>电子营业执照</span>
              <span>京公网安备XXXXXXXXXXXXXXX</span>
              <span>朝阳网警</span>
              <span>人力资源服务许可证</span>
              <span>网上有害信息举报专区</span>
              <span>朝阳区人社局监督电话</span>
            </p>
          </div>
        </div>
      </el-col>
      <el-col :span="3">
        <div class="grid-content bg-purple"></div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Footer"
}
</script>

<style scoped>
#footer {
  padding: 20px 0;
  background-color: white;
  height: 240px;
  margin-top: 45px;
}

.inner {
  height: 210px;
}

.grid-content {
  min-height: 50px;
  color: white;
  line-height: 50px;
  font-size: 14px;
}

.func {
  display: inline-block;
  text-align: left;
}

.func th {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #414a60;
  margin-bottom: 10px;
}

.func td {
  width: 120px;
  font-size: 12px;
  color: #8d92a1;
  height: 24px;
  line-height: 24px;
}

.func tr td:nth-child(2) {
  width: 100px;
}

.func2 {
  display: inline-block;
  text-align: right;
  float: right;
}
.func2 th {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #414a60;
  margin-bottom: 10px;
}
.func2 td {
  width: 300px;
  font-size: 12px;
  color: #8d92a1;
  height: 24px;
  line-height: 24px;
}
.inner-bottom{
  width:800px;
  color: #8d92a1;
  font-size:12px;
}
.inner-bottom span{
  padding-right: 15px;
}
</style>